<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台登录</title>
    <link href="common/css/bootstrap.min.css" rel="stylesheet">
    <script type="text/javascript" src="common/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="common/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="common/js/new_common.js"></script>
    <script type="text/javascript">
        if (typeof console == "undefined") {
            this.console = {
                log: function (msg) {
                }
            };
        }

    </script>
</head>
<body>

<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">后台演示 </a>
        </div>
        <div>
            <ul class="nav navbar-nav">
                <li><a href="./webSocket.html">webSocket测试</a></li>
                <li><a href="./editRole.html">角色</a></li>
                <li><a href="./editAdminRole.html">管理员-角色关系</a></li>
                <li><a href="./editAccess.html">权限</a></li>
                <li><a href="./editRoleAccess.html">角色-权限关系</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        管理员 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="./admininfo.html">用户信息</a></li>
                        <li><a href="./logout.html">退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>



<table class="table table-striped">
    <caption>角色列表</caption>
    <thead>
    <tr>
        <th>用户名</th>
        <th>邮箱</th>
        <th>电话</th>
        <th>手机</th>
        <th>性别</th>
        <th>是否是超级管理员</th>
        <th>状态</th>
        <th>创建时间</th>
        <th>最后一次修改时间</th>
        <th>软删除时间</th>
    </tr>
    </thead>
    <tbody id="list">

    </tbody>
</table>


<script>

    var url = '../api/rbac/adminInfo'; // 管理员登录接口

    var jsonStr = {'random':Math.random()};
    $.ajax({
        url: url,//   请求地址
        type: 'post',//   请求方法
        timeout: 6000,//   超时时间
        async: true,//   true(默认):异步请求,false:同步请求(将锁住浏览器,请求完成才能操作浏览器其它选项)
        beforeSend: function (XMLHttpRequest) {
        },//    请求前执行的操作
        cache: false,//   true,使用缓存;false(默认),不使用缓存
        complete: function (XMLHttpRequest, textStatus) {
        },//    请求后执行的操作,不管请求是否成功都执行
        contentType: 'application/x-www-form-urlencoded',//  发送至服务器时的编码类型,默认适合大多数应用场景
        data: jsonStr,//  发送至服务器的数据参数,以 key/value 格式发送
        dataType: 'json',//  默认服务器返回的格式,有: xml\html\script\json\jsonp
        error: function (XMLHttpRequest, textStutus, errorThrown) {
        },//    请求失败将调用此方法
        global: true,//  是否出发全局ajax事件 , true,是; false(默认),否;
        ifModified: false,//  仅在服务器数据改变时捕获新数据,默认false
        processData: true,//     默认true,默认情况下,发送的数据将被转换为对象
        success: function (result, textStatus) { //     请求成功返回回调值,并执行的方法

            var listArr = [];
            var list = result.data;
            var isAdmin = parseInt(list.is_admin) === 1?'是':'否';
                var html = ' <tr>\n' +
                    '        <td>' + list.name + '</td>\n' +
                    '        <td>' + list.email + '</td>\n' +
                    '        <td>' + list.phone + '</td>\n' +
                    '        <td>' + list.mobile + '</td>\n' +
                    '        <td>' + list.sex + '</td>\n' +
                    '        <td>' + isAdmin + '</td>\n' +
                    '        <td>' + list.status + '</td>\n' +
                    '        <td>' + list.create_time + '</td>\n' +
                    '        <td>' + list.update_time + '</td>\n' +
                    '        <td>' + list.delete_time + '</td>\n' +
                    '    </tr>';
                listArr.push(html);
            $('#list').empty();
            $('#list').append(listArr.join(''));

        }
    });


</script>

</body>
</html>


